* {
  padding: 0;
  margin: 0 ;
}
body {
  background: #fff;
  overflow-y: scroll;
  /* 滚动条的样式 */
  /* 滚动条里边小滑块的样式 */
  cursor: pointer;
}
body::-webkit-scrollbar {
  width: 4px;
}
body::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}
body::-webkit-scrollbar-track {
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
input {
  text-indent: 2px;
  border: 1px solid rgba(51, 62, 76, 0.1);
  border-radius: 4px 0 0 4px;
  outline: none;
}
/*顶部*/
#Top {
  width: 100%;
  height: 64px;
  background-color: black;
}
#Top div {
  float: left;
}
#Top #topLeft div {
  float: left;
  width: 50%;
  height: 100%;
}
#Top #topLeft div ul {
  width: 100%;
  height: 100%;
}
#Top #topLeft div ul li {
  width: 20%;
  height: 100%;
  list-style: none;
  float: left;
  text-align: center;
}
#Top #topLeft div li:hover {
  opacity: 0.8;
}
#Top #topRight {
  width: 60%;
  height: 50px;
}
#Top #topRight div {
  float: left;
  height: 100%;
}
#Top #topRight #search #searchinput {
  text-indent: 20px;
  caret-color: gainsboro;
  color: white;
  width: 60%;
  height: 30px;
  text-indent: 10px;
  outline: none;
  float: left;
  text-align: left;
}
#Top #topRight #search #gosearch {
  float: right;
  font-size: 1em;
}
#Top #topRight #allgoods ul {
  width: 100%;
  height: 100%;
}
#Top #topRight #allgoods ul li {
  float: left;
  width: 20%;
  margin: 0px 5%;
  height: 65%;
}
#contain {
  border-radius: 4px;
  margin-top: 3%;
  width: 100%;
  height: 800px;
}
#contain #containLeft {
  margin-left: 8%;
  width: 13%;
  height: 100%;
  float: left;
}
#contain #containLeft #containLeftTop {
  width: 100%;
  height: 36%;
  background-color: #fbf2ef;
}
#contain #containLeft #containLeftTop #jf {
  position: absolute;
  left: 60%;
  top: -50%;
  width: 40px;
  height: 25px;
  background-color: #ff8e34;
  font-size: 0.6em;
  color: white;
  border-radius: 15px;
}
#contain #containLeft #containLeftTop ul {
  padding-left: 25% ;
  width: 70%;
  height: 100%;
}
#contain #containLeft #containLeftTop ul li {
  line-height: 30px;
}
#contain #containLeft #containLeftTop ul li button:hover {
  color: #666 !important;
}
#contain #containLeft #containLeftBottom {
  width: 100%;
  height: 60%;
  background-color: #f8f8f8;
}
#contain #containLeft #containLeftBottom ul {
  width: 100%;
  list-style: none;
}
#contain #containLeft #containLeftBottom ul li {
  font-size: 1em;
  line-height: 50px;
  height: 25%;
  width: 100%;
  text-align: left;
}
#contain #containLeft #containLeftBottom ul li span {
  position: relative;
  left: 10px;
}
#contain #containLeft #containLeftBottom ul li img {
  position: relative;
  top: 4px;
}
#contain #containLeft #containLeftBottom ul li:hover {
  background-color: #e2b977 !important;
  color: #666;
}
#contain #containRightlocal {
  width: 65%;
  margin-right: 9%;
  height: 100%;
  float: right;
  display: none;
}
#contain #containRightsc {
  width: 65%;
  margin-right: 9%;
  height: 100%;
  float: right;
  display: none;
}
#contain #containRightsc div {
  margin-top: 2%;
  margin-left: -10%;
  width: 20%;
  height: 70%;
  background-color: #f8f8f8;
  float: left;
  color: black;
}
#contain #containRightsc div span {
  position: relative;
  top: 14px;
  font-size: 0.8em;
}
#contain #containRightsc div ul {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: auto;
  border-radius: 10px;
  overflow-y: scroll;
  overflow-x: hidden;
  /* 滚动条的样式 */
  /* 滚动条里边小滑块的样式 */
}
#contain #containRightsc div ul::-webkit-scrollbar {
  width: 4px;
}
#contain #containRightsc div ul::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}
#contain #containRightsc div ul::-webkit-scrollbar-track {
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
#contain #containRightsc div ul li {
  width: 100%;
  height: 10%;
}
#contain #containRightsc div ul li:hover {
  background-color: #00a1d6;
  color: white;
}
#contain #containRightsc ul {
  width: 100%;
  height: 40px;
}
#contain #containRightsc ul li {
  text-align: center;
  height: 100%;
  margin: 0px 1.2%;
  list-style: none;
  float: left;
}
#contain #containRightxz {
  width: 65%;
  margin-right: 9%;
  height: 100%;
  float: right;
  display: none;
}
#contain #containRightxz ul {
  width: 100%;
  height: 40px;
}
#contain #containRightxz ul li {
  text-align: center;
  height: 100%;
  margin: 0px 1.2%;
  list-style: none;
  float: left;
}
#contain #nologincontain {
  width: 65%;
  margin-right: 9%;
  height: 100%;
  float: right;
  z-index: 444444444444444444444444444444444444;
}
#contain #nologincontain ul {
  padding: 0;
  margin: auto;
  width: 50%;
  height: 140px;
  margin-top: 20%;
}
#contain #nologincontain ul li {
  color: #666;
  text-align: center;
  list-style: none;
  margin: 10px auto;
}
#contain #nologincontain ul li button {
  width: 100px;
  height: 30px;
  border: none;
  outline: none;
}
#contain #containRightmessage {
  width: 65%;
  margin-right: 9%;
  height: 100%;
  float: right;
  display: none;
}
#contain #containRightmessage div {
  margin-top: 30px;
  width: 100%;
  height: 90%;
}
#contain #containRightmessage div div {
  border: 1px solid #e6e6e6;
  height: 20% ;
  width: 100%;
}
#contain #containRightmessage div div ul {
  width: 100%;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: auto;
}
#contain #containRightmessage div div ul li {
  height: 90%;
  line-height: 30px;
  margin: 10px auto;
}
#contain #containRightmessage div div ul li img {
  height: 80px;
  width: 80px;
}
#contain #containRightmessage ul li {
  font-size: 1.1em;
  margin: 0px 2%;
  height: 100%;
  float: left;
}
#contain #containRightjfdh {
  width: 65%;
  margin-right: 9%;
  height: 100%;
  float: right;
}
#contain #containRightjfdh #jfdhTop span {
  float: left;
  position: relative;
  top: 40%;
  margin: 0px 0.5%;
}
#contain #containRightjfdh #jfdhTop button {
  width: 120px;
  margin-top: 1.4%;
  margin-left: 3%;
  padding: 8px;
  color: #ff5f00;
  background-color: #fff;
  border-radius: 15px;
  border: none;
  outline: none;
}
#contain #containRightjfdh #jfdhContain div {
  width: 100%;
  height: 20%;
  margin: 20px auto;
}
#contain #containRightjfdh #jfdhContain div ul {
  padding: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
#contain #containRightjfdh #jfdhContain div ul li {
  float: left;
  width: 20%;
  height: 100%;
  margin: 0px 2%;
  list-style: none;
}
#contain #containRightjfdh #jfdhContain div ul li .jpname {
  font-size: 0.8em;
  color: #666;
}
#contain #containRightjfdh #jfdhContain div ul li .jplast {
  width: 80px;
  border-radius: 20px;
  color: white;
  background-color: #ff5f00;
  font-size: 0.8em;
}
#contain #containRightjfdh #jfdhContain div ul li p {
  color: #666;
  line-height: 20px;
  margin: 3px auto;
  text-align: center ;
}
#contain #containRightjfdh #jfdhContain div ul li p img {
  width: 120px;
  height: 70px;
}
#contain #auditcontain {
  width: 100%;
  height: 100%;
}
#contain #auditcontain ul {
  position: relative;
  top: 10px;
  margin-top: 20px;
  width: 70%;
  float: left;
  height: 5%;
  list-style: none;
  padding: 0;
  margin: auto;
}
#contain #auditcontain form {
  margin-left: 70%;
  width: 30%;
  height: 5%;
}
#contain #auditcontain form #searchaudit {
  width: 75%;
  border-radius: 4px 0 0 4px;
  color: #333;
  border: 1px solid #e6e6e9;
  height: 80%;
  position: relative;
  top: 10%;
  text-indent: 10px;
  outline: none;
}
#contain #auditcontain p {
  text-align: left;
  margin: 10px auto;
}
#contain #auditcontain p button {
  padding: 10px;
  border: none;
  outline: none;
  background-color: #fff;
}
#contain #auditcontain div {
  width: 100%;
  height: 90%;
  border: 1px solid rgba(51, 62, 76, 0.1);
  margin: 20px auto;
  position: relative;
}
#contain #auditcontain div div {
  height: 15%;
  border: 1px solid rgba(51, 62, 76, 0.1);
  margin: 20px auto;
  position: relative;
  width: 100%;
}
#contain #auditcontain li {
  margin: auto;
  color: black;
  text-align: center;
  border-radius: 4px;
  padding: 0 18px;
}
#contain #containRightshangc {
  width: 65%;
  margin-right: 9%;
  height: 100%;
  float: right;
  display: none;
}
#contain #containRightshangc #mymp4contain {
  width: 100%;
  height: 80%;
  margin-top: 4%;
}
#contain #containRightshangc #mymp4contain input {
  padding: 5px;
}
#contain #containRightshangc #mymp4contain p {
  text-align: left;
  margin: 10px auto;
}
#contain #containRightshangc #mymp4contain p button {
  padding: 10px;
  border: none;
  outline: none;
  background-color: transparent;
}
#contain #containRightshangc #mymp4contain div {
  height: 100%;
  width: 100%;
  text-align: center;
}
#contain #containRightshangc #mymp4contain div div {
  border: 1px solid rgba(51, 62, 76, 0.1);
  height: 24%;
  width: 100%;
}
#contain #containRightshangc #mymp4contain div .checkbox {
  float: left;
  margin-top: 5%;
  margin-left: 2%;
}
#contain #containRightshangc #containRightshangccontain {
  width: 100%;
  height: 80%;
  margin-top: 4%;
}
#contain #containRightshangc #containRightshangccontain div {
  margin: 4%  auto;
  width: 100%;
  height: 80px;
}
#contain #containRightshangc #containRightshangccontain div button {
  outline: none;
  background-color: transparent;
  border: none;
}
#contain #containRightshangc #containRightshangccontain div #fb:hover {
  opacity: 0.8;
}
#contain #containRightshangc #containRightshangccontain div #fq:hover {
  border: 1px solid #34bc6e;
  background-color: #fff;
  color: #34bc6e;
  opacity: 0.8;
}
#contain #containRightshangc #containRightshangccontain div #cxsc:hover {
  opacity: 0.8;
}
#contain #containRightshangc #containRightshangccontain div .left {
  width: 10%;
}
#contain #containRightshangc #containRightshangccontain div .left span {
  text-align: center;
  position: relative;
  top: 10%;
}
#contain #containRightshangc #containRightshangccontain div li {
  float: left;
  height: 100%;
  margin: 0px 1.2%;
  list-style: none;
}
#contain #containRightshangc #containRightshangccontain div li p {
  line-height: 40px;
  margin: 20px auto;
  width: 120%;
}
#contain #containRightshangc #containRightshangcdsjcontain {
  width: 100%;
  height: 80%;
  margin-top: 4%;
}
#contain #containRightshangc #containRightshangcdsjcontain div {
  margin: 4%  auto;
  width: 100%;
  height: 80px;
}
#contain #containRightshangc #containRightshangcdsjcontain div button {
  outline: none;
  background-color: transparent;
  border: none;
}
#contain #containRightshangc #containRightshangcdsjcontain div #fb:hover {
  opacity: 0.8;
}
#contain #containRightshangc #containRightshangcdsjcontain div #fq:hover {
  border: 1px solid #34bc6e;
  background-color: #fff;
  color: #34bc6e;
  opacity: 0.8;
}
#contain #containRightshangc #containRightshangcdsjcontain div #cxsc:hover {
  opacity: 0.8;
}
#contain #containRightshangc #containRightshangcdsjcontain div .left {
  width: 10%;
}
#contain #containRightshangc #containRightshangcdsjcontain div .left span {
  text-align: center;
  position: relative;
  top: 10%;
}
#contain #containRightshangc #containRightshangcdsjcontain div li {
  float: left;
  height: 100%;
  margin: 0px 1.2%;
  list-style: none;
}
#contain #containRightshangc #containRightshangcdsjcontain div li p {
  line-height: 40px;
  margin: 20px auto;
  width: 120%;
}
#contain #containRightshangc ul li {
  font-size: 1.1em;
  margin: 0px 2%;
  height: 100%;
  float: left;
}
#contain #containRightsz {
  width: 65%;
  margin-right: 9%;
  height: 100%;
  float: right;
  display: none;
}
#contain #containRightsz #personmessageBottom ul {
  padding: 0;
  margin: auto;
  width: 100%;
  height: 30%;
  line-height: 30px;
  margin: 20px auto;
  list-style: none;
}
#contain #containRightsz #personmessageBottom ul li {
  float: left;
}
#contain #containRightsz #personmessageBottom ul li button {
  float: left;
  margin: 0px 20px;
}
#contain #containRightsz #personmessageTop {
  width: 100%;
  height: 150px;
  margin-top: 50px;
}
#contain #containRightsz #personmessageTop div {
  float: left;
}
#contain #containRightsz #personmessageTop div p {
  line-height: 20px;
  margin: 10px auto;
}
#contain #containRightsz #personmessageTop button:hover {
  opacity: 0.8;
}
#contain #containRightsz li {
  font-size: 1.1em;
  margin: 0px 2%;
  height: 100%;
  float: left;
}
#contain #containRight {
  width: 65%;
  margin-right: 10%;
  height: 100%;
  float: right;
  display: block;
}
#contain #containRight #hang {
  height: 2px;
  width: 100%;
  background-color: gainsboro;
}
#contain #containRight #containRightTop {
  width: 100%;
  height: 5%;
}
#contain #containRight #containRightTop #containRightTopul li:hover {
  color: #00cc36 !important;
}
#contain #containRight #containRightTop ul {
  float: left;
  width: 90%;
  height: 100%;
  list-style: none;
  padding: 0;
  margin: auto;
}
#contain #containRight #containRightTop ul li {
  font-size: 0.9em;
  padding: 0;
  margin: auto;
  text-align: center;
  float: left;
  width: 15%;
  display: inline;
  height: 100%;
}
#contain #containRight #containRightTop ul li button {
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  color: #666;
  width: 25%;
  float: left;
  margin: 0px  3%;
  height: 90%;
  border: none;
  outline: none;
}
#contain #containRight #containRightTop ul li button:hover {
  border: 1px solid #00cc36 !important;
  color: #00cc36 !important;
}
#contain #containRight .containRightBottom {
  margin-top: 60px;
  width: 100%;
  height: 85%;
}
#contain #containRight .containRightBottom div {
  border-radius: 3px;
  float: left;
  margin: 20px 2%;
}
/*遮罩层*/
#wlcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#wl {
  position: absolute;
  top: 10%;
  left: 20%;
  width: 650px;
  height: 80%;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#wl button {
  outline: none;
  border: none;
  color: #582f1d;
  width: 25%;
  height: 40px;
  margin: 0px 40px;
}
#wl button:hover {
  opacity: 0.8;
}
/*登录的遮罩层**/
/*遮罩层*/
#logincover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-index: 4444444;
}
#loginmodal {
  position: absolute;
  top: 32%;
  left: 32%;
  width: 550px;
  height: 300px;
  background-color: #fff;
  opacity: 1;
  box-shadow: 0 28px 50px rgba(25, 24, 40, 0.35);
  display: none;
  z-index: 4444444444444444;
}
#loginmodal #logintext ul {
  padding: 0;
  margin: auto;
  list-style: none;
  font-size: 0.8em;
}
#loginmodal #logintext ul li {
  width: 90%;
  line-height: 30px;
  margin: 10px auto;
  color: #666;
  text-align: center;
  border-radius: 4px;
}
#loginmodal #logintext ul li:hover {
  color: white;
  background-color: #00a1d6;
}
#loginmodal p {
  line-height: 40px;
  margin: 20px auto;
}
#loginmodal p input {
  margin-left: 10%;
  width: 80%;
  height: 40px;
  text-indent: 10px;
  outline: none;
}
#loginmodal p input #getyzm:hover {
  border: 1px solid gainsboro;
}
#loginmodal p button {
  margin-left: 10%;
  width: 80%;
  height: 40px;
  outline: none;
}
#loginmodal p button:hover {
  opacity: 0.8;
}
/*遮罩层*/
#cover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44444444444;
}
#morezhcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#ifbecomevideoaccountcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#ifbecomevideoaccountmodal {
  position: absolute;
  top: 35%;
  left: 40%;
  width: 400px;
  height: 240px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#ifbecomevideoaccountmodal button {
  width: 80px;
  height: 40px;
  padding: 10px;
  border-radius: 4px;
  border: none;
  outline: none;
  background-color: #fff;
  margin: 0px 20px;
}
/*在遮罩层之上弹出的弹窗*/
#modal {
  position: absolute;
  top: 20%;
  left: 30%;
  width: 650px;
  height: 500px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 44444444444444444444444;
}
#modal #btn {
  position: absolute;
  top: 36%;
  left: 92.5%;
  border: none;
  outline: none;
  border-radius: 5px;
}
#modal #leftbtn {
  position: absolute;
  top: 36%;
  left: 1.8%;
  border: none;
  outline: none;
  border-radius: 5px;
  display: none;
}
#allways div {
  width: 3300px;
  height: 100%;
}
#allways div div {
  float: left;
  width: 192px;
  margin: 0px 10px;
  border: 1px solid gainsboro;
  height: 95%;
  border-radius: 5px;
}
#allways div div:hover {
  background: linear-gradient(120deg, #fff7ec, #ffcb7e) !important;
}
#allways div div:hover button {
  background: linear-gradient(120deg, #fff7ec, #ffcb7e) !important;
}
#morezh {
  position: absolute;
  border-radius: 2px;
  left: 15%;
  top: 35%;
  width: 70%;
  height: 30%;
  z-index: 4444444;
}
#morezh div p {
  line-height: 30px;
}
#morezh button {
  outline: none;
  border: none;
  color: #582f1d;
  width: 30%;
  height: 60%;
  margin: 0px 40px;
}
/*消息设置*/
/*安全中心的布局*/
#safeCenter {
  margin-top: 50px;
}
#safeCenter div {
  width: 100%;
  height: 90px;
  margin: 20px auto;
  text-align: center ;
  border: 1px solid gainsboro;
}
#safeCenter div .left {
  color: #666;
  width: 10%;
  float: left;
}
#safeCenter div .center {
  width: 50%;
}
#safeCenter div .center span {
  color: #666;
  font-size: 0.8em;
  color: brown;
}
#safeCenter div .right {
  width: 20%;
  float: right;
}
#safeCenter div li {
  height: 30%;
  list-style: none;
}
#safeCenter div li span {
  position: relative;
  top: 40%;
}
#safeCenter div li button {
  position: relative;
  top: 40%;
  border: none;
  outline: none;
  color: RoyalBlue ;
  background-color: #fff;
}
/*全部里的分类！！！*/
#hideqb {
  border-radius: 5px;
}
#hideqb div {
  width: 24.5%;
  height: 100%;
  float: left;
}
#hideqb ul {
  width: 100%;
  height: 100%;
  margin-top: 5px;
  list-style: none;
}
#hideqb ul li {
  text-align: center;
  float: left;
  width: 25%;
  margin: 5px 10px;
}
#hideqb ul li:hover {
  color: #ffe5de !important;
}
/*更换头像的框*/
#headimgcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#changehead {
  position: absolute;
  top: 34%;
  left: 40%;
  width: 20%;
  height: 360px;
  background-color: #fff;
  opacity: 1;
  z-Index: 444444444444;
  display: none;
}
#changehead #hideimgContain p {
  width: 100%;
  height: 20%;
  margin-top: 45%;
}
#changehead #hideimgContain form {
  width: 100%;
  margin-top: 80px;
  height: 100%;
}
#changehead #hideimgContain ul {
  margin-top: 2%;
  width: 100%;
  height: 35%;
  padding: 0;
}
#changehead #hideimgContain ul li {
  list-style: none;
  float: left;
  width: 16%;
  height: 100%;
  margin: 0px 2%;
}
#changehead #hideimgContain ul li input {
  position: relative;
  margin-left: 45%;
}
#changehead button {
  outline: none;
  border: none;
  color: #582f1d;
  width: 25%;
  height: 40px;
  margin: 0px 40px;
}
/*修改视频的图片的框*/
#changevideoimg {
  position: absolute;
  top: 34%;
  left: 40%;
  width: 20%;
  height: 360px;
  background-color: #fff;
  opacity: 1;
  z-Index: 444444444444;
  display: none;
  height: 450px;
  top: 24%;
}
#changevideoimg #hideimgContain p {
  width: 100%;
  height: 20%;
  margin-top: 45%;
}
#changevideoimg #hideimgContain form {
  width: 100%;
  margin-top: 80px;
  height: 100%;
}
#changevideoimg #hideimgContain ul {
  margin-top: 2%;
  width: 100%;
  height: 35%;
  padding: 0;
}
#changevideoimg #hideimgContain ul li {
  list-style: none;
  float: left;
  width: 16%;
  height: 100%;
  margin: 0px 2%;
}
#changevideoimg #hideimgContain ul li input {
  position: relative;
  margin-left: 45%;
}
#changevideoimg button {
  outline: none;
  border: none;
  color: #582f1d;
  width: 25%;
  height: 40px;
  margin: 0px 40px;
}
/*积分规则的框*/
#rulecover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#rulemodal {
  border-radius: 10px;
  position: absolute;
  top: 20%;
  left: 30%;
  width: 40%;
  height: 500px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#rulemodal p {
  position: relative;
  left: 5%;
  line-height: 20px;
  margin: 19px auto;
  width: 80%;
}
#becomesphmodal {
  border-radius: 10px;
  position: absolute;
  top: 20%;
  left: 30%;
  width: 40%;
  height: 500px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#becomesphmodal p {
  position: relative;
  left: 5%;
  line-height: 20px;
  margin: 19px auto;
  width: 80%;
}
/*关注列表！！！*/
#hidegzcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#hidegzmodal {
  border-radius: 10px;
  position: absolute;
  top: 20%;
  left: 30%;
  width: 40%;
  height: 500px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
  overflow-x: hidden;
  overflow-y: scroll;
  /* 滚动条的样式 */
  /* 滚动条里边小滑块的样式 */
}
#hidegzmodal::-webkit-scrollbar {
  width: 4px;
}
#hidegzmodal::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}
#hidegzmodal::-webkit-scrollbar-track {
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
#hidegzmodal h3 {
  text-align: center;
}
#hidegzmodal #allgz {
  width: 100%;
  height: 94%;
}
#hidegzmodal #allgz ul {
  list-style: none;
}
#hidegzmodal #allgz ul li {
  height: 15%;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
#hidegzmodal #allgz ul li p {
  line-height: 20px;
  margin: 10px auto;
}
/*粉丝列表*/
#hidefsmodal {
  border-radius: 10px;
  position: absolute;
  top: 20%;
  left: 30%;
  width: 40%;
  height: 500px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
  overflow-x: hidden;
  overflow-y: scroll;
  /* 滚动条的样式 */
  /* 滚动条里边小滑块的样式 */
}
#hidefsmodal::-webkit-scrollbar {
  width: 4px;
}
#hidefsmodal::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}
#hidefsmodal::-webkit-scrollbar-track {
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
#hidefsmodal h3 {
  text-align: center;
}
#hidefsmodal #allfs {
  width: 100%;
  height: 94%;
}
#hidefsmodal #allfs ul {
  list-style: none;
}
#hidefsmodal #allfs ul li {
  height: 15%;
  width: 100%;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
}
#hidefsmodal #allfs ul li p {
  line-height: 20px;
  margin: 2% auto;
}
/*兑换奖品的内容的框*/
#jpcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#jpmodal {
  border-radius: 10px;
  position: absolute;
  top: 26%;
  left: 40%;
  width: 25%;
  height: 400px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#jpmodal h3 {
  margin-top: 2%;
}
#jpmodal .jpgoods {
  margin-top: 10%;
}
#jpmodal .btn button {
  margin-top: 20%;
  margin-left: 5%;
  width: 80%;
  padding: 10px;
  outline: none;
  color: white;
  background-color: #ff5f00;
  border: none;
}
#jpmodal p {
  position: relative;
  left: 5%;
  line-height: 20px;
  margin: 19px auto;
  width: 80%;
  font-size: 0.7em;
}
#fqvideocover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#fqvideomodal {
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 40%;
  width: 25%;
  height: 300px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#fqvideomodal h3 {
  margin-top: 2%;
  margin-left: 4%;
}
#fqvideomodal p {
  line-height: 30px;
  margin: 30px auto;
  text-align: center;
  margin-top: 10%;
}
#fqvideomodal p button {
  width: 120px;
  height: 50px;
  border: none;
  outline: none;
  margin: 0px 20px;
}
#fqvideomodal p button:hover {
  opacity: 0.8;
}
#changevideocover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#changevideomodal {
  border-radius: 10px;
  position: absolute;
  top: 20%;
  left: 40%;
  width: 25%;
  height: 550px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
  overflow-y: scroll;
  /* 滚动条的样式 */
  /* 滚动条里边小滑块的样式 */
}
#changevideomodal::-webkit-scrollbar {
  width: 4px;
}
#changevideomodal::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  background-color: rgba(0, 0, 0, 0.2);
}
#changevideomodal::-webkit-scrollbar-track {
  -webkit-box-shadow-inset: 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 0;
  background: rgba(0, 0, 0, 0.1);
}
#changevideomodal p button {
  width: 120px;
  height: 40px;
  border: none;
  outline: none;
  margin: 0px 10px;
}
#changevideomodal div {
  margin-left: 5%;
  width: 100%;
  width: 90%;
  margin-top: 10%;
}
#changevideomodal div li {
  list-style: none;
}
/*新建收藏夹的框*/
#addscjcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#addscjmodal {
  border-radius: 10px;
  position: absolute;
  top: 32%;
  left: 40%;
  width: 25%;
  height: 250px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#addscjmodal p {
  left: 5%;
  line-height: 20px;
  margin: 20px auto;
  width: 100%;
  position: relative;
}
#addscjmodal p button {
  color: #fff;
  background-color: #00a1d6;
  text-align: center;
  border-radius: 2px;
  margin: 8px auto 0;
  border: none ;
  outline: none;
  padding: 10px;
}
/*修改收藏夹信息的框*/
#changescjcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#changescjmodal {
  border-radius: 10px;
  position: absolute;
  top: 28%;
  left: 40%;
  width: 25%;
  height: 320px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#changescjmodal p {
  left: 5%;
  line-height: 20px;
  margin: 20px auto;
  width: 100%;
  position: relative;
}
#changescjmodal p button {
  color: #fff;
  background-color: #00a1d6;
  text-align: center;
  border-radius: 2px;
  border: none ;
  outline: none;
  width: 80px;
  height: 30px;
  float: left;
}
#changescjfmmodal {
  border-radius: 10px;
  position: absolute;
  top: 28%;
  left: 40%;
  width: 25%;
  height: 320px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#changescjfmmodal p {
  left: 5%;
  line-height: 20px;
  margin: 20px auto;
  width: 100%;
  position: relative;
}
#changescjfmmodal p button {
  color: #fff;
  background-color: #00a1d6;
  text-align: center;
  border-radius: 2px;
  border: none ;
  outline: none;
  width: 80px;
  height: 30px;
  float: left;
}
/*修改视频封面*/
/*确定是否注销账号的框*/
#accountdiedcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#accountdiedmodal {
  border-radius: 10px;
  position: absolute;
  top: 30%;
  left: 40%;
  width: 25%;
  height: 340px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#accountdiedmodal p {
  line-height: 20px;
  margin: 19px auto;
  width: 80%;
}
#accountdiedmodal p button {
  border-radius: 17px;
  box-sizing: content-box;
  padding: 0 15px;
  width: 80px;
  height: 40px;
  border: none;
  outline: none;
  color: white;
}
#accountdiedmodal p button:hover {
  opacity: 0.6;
}
/*兑换vip天数的内容的框*/
#exchangevipcovercover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#exchangevipmodal {
  border-radius: 10px;
  position: absolute;
  top: 25%;
  left: 25%;
  width: 50%;
  height: 400px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#exchangevipmodal p {
  height: 20px;
  width: 100%;
}
#exchangevipmodal ul {
  padding: 0;
  margin: auto;
  height: 100%;
  list-style: none;
}
#exchangevipmodal ul li {
  float: left;
  width: 29.5%;
  margin: 0px 20px;
  border: 1px solid rgba(51, 62, 76, 0.1);
  border-radius: 4px;
  height: 40%;
  margin: 2px 11px;
  text-align: center;
}
#exchangevipmodal ul li span {
  float: left;
  width: 100%;
  height: 30%;
}
#exchangevipmodal ul li span button {
  width: 80px;
  height: 30px;
  text-align: center;
  outline: none;
  color: white;
  background-color: #ff5f00;
  border: none;
}
#exchangevipmodal ul li .jfleft {
  position: relative;
  top: 10px;
  color: #e3b54c;
}
#exchangevipmodal ul li .jfright {
  color: #666;
  font-size: 0.8em;
}
.prompt {
  display: none;
  text-align: center;
  padding: 10px;
  width: 250px;
  height: 30px;
  position: fixed;
  top: 10%;
  left: 39%;
  border-radius: 5px;
  background: black;
  z-index: 5000;
  color: #e3b54c;
}
/*删除所有历史记录的弹窗*/
#cancelalltc {
  position: fixed;
  top: 33%;
  left: 40%;
  display: none;
  border-radius: 8px;
  box-shadow: 0 28px 50px rgba(25, 24, 40, 0.35);
  width: 380px;
  height: 330px;
  z-index: 44444444444;
  background-color: #fff;
}
#cancelalltc button {
  border-radius: 17px;
  box-sizing: content-box;
  padding: 0 15px;
  width: 80px;
  height: 40px;
  border: none;
  outline: none;
  color: white;
}
#cancelalltc button:hover {
  opacity: 0.6;
}
/*删除所有我的视频的弹窗*/
#cancelallsp {
  position: fixed;
  top: 33%;
  left: 40%;
  display: none;
  border-radius: 4px;
  box-shadow: 0 28px 50px rgba(25, 24, 40, 0.35);
  width: 380px;
  height: 330px;
  z-index: 44444444444;
  background-color: #fff;
}
#cancelallsp button {
  border-radius: 17px;
  box-sizing: content-box;
  padding: 0 15px;
  width: 80px;
  height: 40px;
  border: none;
  outline: none;
  color: white;
}
#cancelallsp button:hover {
  opacity: 0.6;
}
/*触碰头像出现的下拉栏！！！！！*/
#headimgHide {
  width: 250px;
  height: 200px;
  position: absolute;
  top: 64px;
  right: 0px;
  z-index: 44;
  background-color: #fbf2ef;
  box-shadow: 0 28px 50px rgba(25, 24, 40, 0.35);
}
#headimgHide div {
  width: 100%;
  overflow: hidden;
}
#headimgHide div ul li {
  height: 100%;
  list-style: none;
  float: left;
  width: 24%;
  border-radius: 50%;
}
#headimgHide div ul li img {
  position: relative;
  left: 20%;
  margin-top: 40%;
}
#headimgHide div p {
  height: 100%;
}
/*设置中心消息设置的权限保存成功的div*/
#yesreserve {
  position: fixed;
  top: 33%;
  left: 40%;
  display: none;
  border-radius: 4px;
  box-shadow: 0 28px 50px rgba(25, 24, 40, 0.35);
  width: 200px;
  height: 100px;
}
/*绑定邮箱的框*/
#getemailcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#getemailmodal {
  border-radius: 10px;
  position: absolute;
  top: 26%;
  left: 38%;
  width: 25%;
  height: 350px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#getemailmodal p {
  top: 10%;
  line-height: 20px;
  margin: 19px auto;
  width: 80%;
}
#getemailmodal p input {
  border: 1pxsolid #e6e6e9;
  border-radius: 4px 0 0 4px;
  color: #333;
  outline: none;
  height: 30px;
  width: 80%;
  margin-left: 5%;
  text-indent: 10px;
}
#getemailmodal p button {
  border-radius: 17px;
  box-sizing: content-box;
  padding: 0 15px;
  width: 80px;
  height: 40px;
  border: none;
  outline: none;
  color: white;
}
#getemailmodal p button:hover {
  opacity: 0.6;
}
/*个人中心修改密码的框*/
#cpasswordcover {
  position: fixed;
  left: 0px;
  top: 0px;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  filter: alpha(opacity=60);
  opacity: 0.6;
  display: none;
  z-Index: 44;
}
#cpasswordmodal {
  border-radius: 10px;
  position: absolute;
  top: 26%;
  left: 40%;
  width: 25%;
  height: 460px;
  background-color: #fff;
  opacity: 1;
  display: none;
  z-Index: 444444444444;
}
#cpasswordmodal div {
  height: 60%;
  width: 100%;
}
#cpasswordmodal p {
  top: 10%;
  line-height: 20px;
  margin: 19px auto;
  width: 80%;
}
#cpasswordmodal p input {
  border: 1pxsolid #e6e6e9;
  border-radius: 4px 0 0 4px;
  color: #333;
  outline: none;
  height: 30px;
  width: 80%;
  margin-left: 5%;
  text-indent: 10px;
}
#cpasswordmodal p button {
  border-radius: 17px;
  box-sizing: content-box;
  padding: 0 15px;
  width: 80px;
  height: 40px;
  border: none;
  outline: none;
  color: white;
}
#cpasswordmodal p button:hover {
  opacity: 0.6;
}
/*隐藏的input框*/
#hidesearchinput li {
  line-height: 32px;
  margin: 5px auto;
  color: #e6e6e6;
}
#hidesearchinput li button {
  position: relative;
  left: 10%;
}
#hidesearchinput li span {
  position: relative;
  left: 10%;
}
#hidesearchinput li .btntop {
  width: 20px;
  height: 20px;
  background-color: hsla(0, 0%, 100%, 0.12);
  color: hsla(0, 0%, 100%, 0.7);
  border: none;
  outline: none;
  margin-left: -2%;
  border-radius: 4px;
}
#hidesearchinput li .btnlast {
  width: 20px;
  height: 20px;
  background-color: hsla(0, 0%, 100%, 0.12);
  color: hsla(0, 0%, 100%, 0.7);
  border-radius: 4px;
  border: none;
  outline: none;
  margin-left: -2%;
}
#hidesearchinput li span {
  margin-left: 2%;
}
#hidesearchinput li:hover {
  color: #00cc36;
}
#containRightshangcdsjcontain {
  width: 100%;
  height: 80%;
  margin-top: 4%;
}
#containRightshangcdsjcontain div {
  margin: 4%  auto;
  width: 100%;
  height: 80px;
}
#containRightshangcdsjcontain div button {
  outline: none;
  background-color: transparent;
  border: none;
}
#containRightshangcdsjcontain div #fb:hover {
  opacity: 0.8;
}
#containRightshangcdsjcontain div #fq:hover {
  border: 1px solid #34bc6e;
  background-color: #fff;
  color: #34bc6e;
  opacity: 0.8;
}
#containRightshangcdsjcontain div #cxsc:hover {
  opacity: 0.8;
}
#containRightshangcdsjcontain div .left {
  width: 10%;
}
#containRightshangcdsjcontain div .left span {
  text-align: center;
  position: relative;
  top: 10%;
}
#containRightshangcdsjcontain div li {
  float: left;
  height: 100%;
  margin: 0px 1.2%;
  list-style: none;
}
#containRightshangcdsjcontain div li p {
  line-height: 40px;
  margin: 20px auto;
  width: 120%;
}
/*分页*/
#pages {
  height: 60px;
  color: black;
  margin-left: 40%;
}
#pages ul {
  width: 50%;
  height: 100%;
  float: left;
}
#pages ul li {
  list-style: none;
  float: left;
  width: 10%;
  text-align: center;
  border-radius: 2px;
  border: 1px solid #c0c4cc;
  margin: 0px 5px;
}
#pages ul .back {
  color: #c0c4cc;
}
#pages ul .back:hover {
  background-color: #1890ff;
  color: #fff;
}
#pages ul .next:hover {
  background-color: #1890ff;
  color: #fff;
}
#pages ul .next {
  color: #c0c4cc;
}
#toout {
  left: 25px;
  position: relative;
}
.jpcontain:hover {
  background-color: #f6f6f6;
}
.historydiv:hover {
  background-color: #f6f6f6;
}
